/**
 * Created by kejie on 2017/5/21.
 */

//animate 轮播图
$(function(){
    
    
    // //下一张
    // $(".arrow2 .next").click(function(){
    //     j++;
    //     if(j>=num2){
    //        j=num2-1;
    //     }
    //     $(".inner2>ul").stop().animate({left:-w2*j},500);
    // })
    //
    // //上一张
    // $(".arrow2 .prev").click(function(){
    //     j--;
    //     if(j<=0){
    //         j=0;
    //     }
    //     $(".inner2>ul").stop().animate({left:-w2*j},500);
    // })



    //时尚名品第一个
    // $(".goods").each(function(index,ele){
    //     $(ele).eq(index).find(".arrow1 .next").click(function(){
    //             alert(index);
    //     })
    //
    //     $(ele).eq(index).find(".arrow1 .prev").click(function(){
    //         move($(ele).eq(index)).prev();
    //     })
    //
    // })
    // $(".goods").eq(0).find(".arrow1 .next").click(function(){
    //     var index=Math.ceil(Math.abs(parseInt($(this).parent().prev().children().css("left")))/170);
    //     move($(".goods").eq(0),index).next();
    // });
    // $(".goods").eq(0).find(".arrow1 .prev").click(function(){
    //     var index=Math.ceil(Math.abs(parseInt($(this).parent().prev().children().css("left")))/170);
    //         move($(".goods").eq(0),index).prev();
    // });
    // $(".goods").eq(1).find(".arrow1 .next").click(function(){
    //     var index=Math.ceil(Math.abs(parseInt($(this).parent().prev().children().css("left")))/170);
    //     move($(".goods").eq(1),index).next();
    // });
    //
    // $(".goods").eq(1).find(".arrow1 .prev").click(function(){
    //     var index=Math.ceil(Math.abs(parseInt($(this).parent().prev().children().css("left")))/170);
    //     move($(".goods").eq(1),index).prev();
    // });

    //goods下面的第一个轮播图
    $(".goods").each(function(index,ele){

        //下一张
        $(ele).find(".arrow1 .next").click(function(){

           var index1=Math.ceil(Math.abs(parseInt($(this).parent().prev().children().css("left")))/170);

           move($(".goods").eq(index),index1).next();
       });

        //上一张
        $(ele).find(".arrow1 .prev").click(function(){

            var index1=Math.ceil(Math.abs(parseInt($(this).parent().prev().children().css("left")))/170);

            move($(".goods").eq(index),index1).prev();
        });
    })

    $(".goods").each(function(index,ele){

        //下一张
        $(ele).find(".arrow2 .next").click(function(){

            var index1=Math.ceil(Math.abs(parseInt($(this).parent().prev().css("left")))/390);

            move1($(".goods").eq(index),index1).next();
        });

        //上一张
        $(ele).find(".arrow2 .prev").click(function(){

            var index1=Math.ceil(Math.abs(parseInt($(this).parent().prev().css("left")))/390);

            move1($(".goods").eq(index),index1).prev();
        });
    })

    // $(".goods").eq(0).find(".arrow2 .next").click(function(){
    //     var index=Math.ceil(Math.abs(parseInt($(this).parent().prev().children().css("left")))/170);
    //     move1($(".goods").eq(0),index).next();
    //
    // });
    //
    // $(".goods").eq(0).find(".arrow2 .prev").click(function(){
    //     var index=Math.ceil(Math.abs(parseInt($(this).parent().prev().children().css("left")))/170);
    //     move1($(".goods").eq(0),index).prev();
    //
    // });
    //封装通用的轮播图
    function move(obj,i){

        var num=obj.find(".inner1>ul>li").length;
        var w=$(".next").parent().siblings(".inner1").width();
        //下一张
        obj.next=function(){
            i++;
            if(i>=num){
                obj.find(".inner1>ul").css("left",0);
                i=1;
            }
            obj.find(".inner1>ul").stop().animate({left:-w*i},500);
        }

        //上一张
        obj.prev=function(){
            i--;
            if(i<=0){
                i=0;
            }
            obj.find(".inner1>ul").stop().animate({left:-w*i},500);

        }

        return obj;
    }



    function move1(obj,j){
        var w=$(".inner2").width();
        var num=obj.find(".inner2>ul>li").length;
        //下一张
        obj.next=function(){
            j++;
            if(j>=num-1){
                j=num-1;
            }
            obj.find(".inner2>ul").stop().animate({left:-w*j},500);
        }

        //上一张
        obj.prev=function(){
            j--;
            if(j<=0){
                j=0;
            }
            obj.find(".inner2>ul").stop().animate({left:-w*j},500);

        }

        return obj;
    }


})